* {
  margin: 0;
  padding: 0;
}
html,body {
  width: 100%;
  height: 100%;
}
#root {
  width: 100%;
  height: 100%;
}
.appwrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.left {
  width: 125px;
  height: 100%;
  overflow-y: auto;
  background: pink;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.right {
  overflow-y: auto;
  background: yellow;
  flex: 1;
}
.bao {
  display: flex;
  flex-wrap: wrap;
}
.bao > dl {
  width: 33%;
  text-align: center;
}
.right h3 {
  background: skyblue;
}
.active {
  background: green;
}